<template>
	<div class="history_draw_item_container">
		<!-- <img :src=item_imgs[0] alt="Image 1" class="image" /> -->
		<!-- <img :src="imageSource" :alt="recvAlt" class="history_draw_item_img" /> -->
		<slot name="history_draw_item_img" ></slot>
		 
		<slot name="history_draw_item_text"></slot>
				
		<slot name="history_draw_item_desc"></slot>
				
	</div>

</template>


<script>
	export default {
		data() {
			return {
				// imageNames:[require("../assets/draws1.png"),]
				// imageNames:{
				// 	"k1":"../assets/draws1.png",
				// 	"k2":"../assets/draws1.png",
				// },
				imageName: 'draws1.png',
			}
		},
		props: {
			imgName: String,
			recvAlt: String,
		},
		computed: {
			imageSource() {
				// 使用 require 函数生成动态路径
				// return require(`../assets/draws1.png`);
				//return require('@/assets/' + this.imageName);
				//return require(`../assets/${this.imageName}`);
				return  require('@/assets/' + this.imgName);
			},
		},
	}
</script>

<style scoped>
	.history_draw_item_container {
		text-align: center;
		/* 调整每个 div 之间的间距 */
		/* width: 44.3125rem; */
		/* height: 14.375rem; */
		background-color: #FFFFFF;
		margin: 20px;
		border-radius: 15px;
	}
	
	.history_draw_item_img {
		/* max-width: 100%; */
		/* 使图片充满父元素的宽度 */
		position: relative;
		width: 100%;
		height: 100%;
		/* 设置图片的最大高度，可以根据需要调整 */
		/* height: auto; */
		/* 保持图片比例 */
		/* display: block; */
		/* 去掉图片底部的空隙 */
		
		/* 设置图片和文字之间的间距 */
	
	}
	
	.history_draw_item_text {
		background: linear-gradient(to right, #FE1B2E, #FF2291);
		-webkit-background-clip: text;
		color: transparent;
		/* 设置字体大小 */
		font-weight: bold;
		/* 设置字体加粗 */
		font-family: 'PingFang SC';
		font-size: 2rem;
		position: relative;
		text-align: left;
		margin: 2px 2px 10px 2px;
	}
	
	
	.itemDesc {
		position: relative;
		text-align: left;
		margin: 2px 2px 10px 2px;
		line-height: 1.5; /* 调整行间距，可以根据需要调整值 */
	}
	
	..history_draw_item_text2 {
		position: relative;
		top: 100px;
		left: 0px;
		text-align: left;
		font-family: 'PingFang SC';
		font-weight: bold;
		line-height: 1.5; /* 调整行间距，可以根据需要调整值 */
		
		color: #000000;
	}
	
	..history_draw_item_text3 {
		text-align: left;
		font-family: 'PingFang SC';
		font-weight: bold;
		margin: 2px 2px 10px 2px;
		line-height: 1.5; /* 调整行间距，可以根据需要调整值 */
		
		color: #000000;
	}
	
	..history_draw_item_text4 {
		text-align: left;
		font-family: 'PingFang SC';
		margin: 2px 2px 10px 2px;
		line-height: 1.5; /* 调整行间距，可以根据需要调整值 */
		
		color: #000000;
	}
	
	..history_draw_item_text5 {
		text-align: left;
		font-size: "苹方 细体";
		margin: 2px 2px 10px 2px;
		line-height: 1.5; /* 调整行间距，可以根据需要调整值 */
		
		color: #808080;
	}
</style>